<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我的订单</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <!-- <link rel="stylesheet" type="text/css" href="css/myorderlist.css" /> -->
    <link rel="stylesheet" type="text/css" href="css/dl_newOrder.css" />
</head>

<body>
    <div id="app" v-cloak>
        <section id="main_refresh" class="aui-refresh-content">
            <!-- 收货地址 -->
            <div class="shouhuo_address" v-on:click="do_choose_address()">
                <div class="sh_dres_lft" v-if="!noaddress">
                    <div class="sh_dres_msg">{{myaddress.addressdetail}}</div>
                    <div class="sh_dres_person"><span>{{myaddress.username}}</span>{{myaddress.phonenumber}}</div>
                </div>
                <div v-if="noaddress">
                    <div class="no_address">
                        您还没有添加收货地址点击添加
                    </div>
                </div>
                <div class="sh_dres_rgt"><i class="icon iconfont iconicon1"></i></div>
            </div>

            <!-- 商品列表 -->
            <section v-if="productlist.length>0">
                <div class="gwc_item">
                    <div class="gwc_item_name">
                        <div class="gwc_item_title">{{business.name}}</div>
                    </div>
                    <div class="order_product">
                        <ul class="aui-list aui-media-list" style="background-size:100% 0px;">
                            <li class="aui-list-item " v-for="item in productlist">
                                <div class="aui-media-list-item-inner btn_line">
                                    <div class="aui-list-item-media">
                                        <img v-bind:src="item.imageurl">
                                    </div>
                                    <div class="aui-list-item-inner">
                                        <div class="pro-list-item-title aui-ellipsis-2">
                                            {{item.title}}
                                        </div>
                                        <div  class="pro_dis" >
                                            {{item.desc}}
                                        </div>
                                        <div class="aui-list-item-text pro_price" style="margin: 10px 0 0 0;">
                                            <div class="item_num">
                                                {{item.quantity}}
                                            </div>
                                            <div class="item_price">
                                                ￥<span>{{item.price.toFixed(2)}}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <!-- 店铺服务 -->
                        <div class="order_pro_fw">
                            <div class="order_pro_send" v-on:click="do_select_ship()" v-if="show_address">
                                <div class="or_pro_lft">配送方式</div>
                                <div class="or_pro_rgt">
                                    {{shiprate.name}}<span class="ship_fee" v-if="shiprate.amount>0">{{shiprate.amountdesc}}</span>
                                    <i class="icon iconfont iconicon1"></i>
                                </div>
                            </div>
                            <div class="order_pro_send" v-on:click="do_select_coupon()">
                                <div class="or_pro_lft">优惠券</div>
                                <div class="or_pro_rgt">
                                    {{couponform.text}}<span style="color:red;">{{couponform.pricedesc}}
                                    </span>
                                    <i class="icon iconfont iconicon1"></i>
                                </div>
                            </div>
                            <div class="order_pro_send" v-if="order_type!=1">
                                <div class="or_pro_lft">买家留言</div>
                                <div class="or_pro_rgt">
                                    <input v-model="user_note" type="text" placeholder="买家留言信息,限制120个字符" />
                                </div>
                            </div>
                            <!-- 小计 -->
                            <div class="xiaoji">
                                共{{productsummary.totalquantity}}件<span class="xj_title">小计：</span><span class="xj_fh">￥</span><span class="xj_price">{{productsummary.totalprice.toFixed(2)}}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section v-if="cartlist.length>0" v-for="item in cartlist">
                <div class="gwc_item">
                    <div class="gwc_item_name">
                        <div class="gwc_item_title">{{item.business.name}}</div>
                    </div>
                    <div class="order_product">
                        <ul class="aui-list aui-media-list" style="background-size:100% 0px;">
                            <li class="aui-list-item " v-for="item2 in item.productlist">
                                <div class="aui-media-list-item-inner btn_line">
                                    <div class="aui-list-item-media">
                                        <img v-bind:src="item2.imageurl">
                                    </div>
                                    <div class="aui-list-item-inner">
                                        <div class="pro-list-item-title aui-ellipsis-2">
                                            {{item2.title}}
                                        </div>
                                        <div v-if="item2.desc!=''" class="pro_dis">
                                            {{item2.desc}}
                                        </div>
                                        <div class="aui-list-item-text pro_price" style="margin: 10px 0 0 0;">
                                            <div class="item_num">
                                                x{{item2.quantity}}
                                            </div>
                                            <div class="item_price">
                                                ￥<span>{{item2.price.toFixed(2)}}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <!-- 店铺服务 -->
                        <div class="order_pro_fw">
                            <div class="order_pro_send" v-on:click="do_select_ship()" v-if="show_address">
                                <div class="or_pro_lft">配送方式</div>
                                <div class="or_pro_rgt">
                                    {{item.shiprate.name}}<span class="ship_fee" v-if="shiprate.amount>0">{{item.shiprate.amountdesc}}</span>
                                    <i class="icon iconfont iconicon1"></i>
                                </div>
                            </div>
                            <div class="order_pro_send" v-on:click="do_select_coupon()">
                                <div class="or_pro_lft">优惠券</div>
                                <div class="or_pro_rgt">
                                    {{item.couponform.text}}<span style="color:red;">{{item.couponform.pricedesc}}
                                    </span>
                                    <i class="icon iconfont iconicon1"></i>
                                </div>
                            </div>
                            <div class="order_pro_send" v-if="order_type!=1">
                                <div class="or_pro_lft">买家留言</div>
                                <div class="or_pro_rgt">
                                    <input v-model="item.user_note" type="text" placeholder="买家留言信息,限制120个字符" />
                                </div>
                            </div>
                            <!-- 小计 -->
                            <div class="xiaoji">
                                共{{item.productsummary.totalquantity}}件<span class="xj_title">小计：</span><span class="xj_fh">￥</span><span class="xj_price">{{item.productsummary.totalprice.toFixed(2)}}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 支付方式 -->
            <!-- <div class="zhifu_way">
                <div class="zf_way_main">
                    <div class="zf_way_mainlft"><img src="../image/icon/jinbi.png" />支付方式</div>
                    <div class="zf_way_mainrgt"><span>账户余额</span><i class="icon iconfont iconicon1"></i></div>
                </div>

            </div> -->
            <!-- <div id="noorder" v-if="list.length==0&&!is_searching" style="vertical-align: middle; text-align: center;padding-top:40%;">
                <i class="icon iconfont icon-dingdan" style="font-size:70px; color:#99C87D;"></i>
                <h5><br />暂无相关订单</h5>
            </div> -->
        </section>
        <div class="order_footer top_line">
            <!-- <div class="all_selected" >
                <input class="aui-radio" type="radio">
                <span>全选</span>
            </div> -->
            <div class="heji">
                合计:<span class="heji_price">￥</span><span class="footer_price">{{pay.totalprice.toFixed(2)}}</span>
            </div>
            <!-- v-on:click="do_pay_all()" -->
            <div v-on:click="do_pay()" class="aui-btn">合并付款</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/dl_neworder.js "></script>
<script type="text/javascript">
</script>

</html>
